
<?php 
include  "./../protected.php"; /*Valida el inico de sesion*/
?>
<!doctype html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Agregar usuarios</title>
  <link rel="stylesheet" type="text/css" href="mtb.css"/>
  <link rel="stylesheet" type="text/css" href="main.css"/>
  <link rel="stylesheet" type="text/css" href="ceGrid.css"/>
  <script type="text/javascript" src="../../../js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="../../../css/index.css" />
</head>

<a class="btn" href="index.php">Lista de usuarios</a>
<body>
  <div id="content-mt">
    <div id="div01" class="curved">
      <form name="Reg_usuarios" method="post" id="form-tipo" class="style" > 
        <table id = "tab01">
          <tr>
          <div id="error"></div>
          <td>Usuario</td>
          <td><label>
           <input type="text" name="Txt_GS05COUS" id="datos" value ="" maxlength="20" /> 
         </label></td>
       </tr>
       <!--
       <script> if( ! ("autofocus" in document.createElement( "input" ) ) ) {
        document.getElementById( "Txt_GS05COUS" ).focus();}
        </script> -->
        </tr><tr>
          <td>Nombre Completo</td>
          <td><label>
           <input type="text" name="Txt_GS05NOUS" id="datos1"  value = ""  maxlength="50"  /> 
         </label></td>
       </tr>
       <tr>
         <td>Contraseña</td>
         <td><label>
           <input type="password" name="Txt_GS05PASS" id="datos2"  value = ""  maxlength="50"  /> 
         </label></td>
       </tr>
 
   <tr>
       <td>Tipo Usuario</td>
       <td><label>
           <div class="col-lg-2">
          <select class="form-control" name='Txt_GS06DEOP' id="datos3"  value = ""  maxlength="50" >
           <option value ="0">Seleccione</option>
           <option value="Administrador">Administrador</option>
            <option value?"Usuario">Usuario</option>
          </select>
            </div>
       </label></td>
   </tr>
   <td></td>
  <td><label>
       <input  class= "btn-m" type="submit" name="Agregar_Btn" id="Agregar_Btn" value="Agregar" />
   </label></td>

   </table> 
 </form>
</div>
</div>
</body>
<script type="text/javascript">
    
    $(function(){
        $("#datos").focus();
    $("#form-tipo").submit(function(e){
        e.preventDefault();
    var form_data= {    
           datos:$("#datos").val(),
           datos1:$("#datos1").val(),
           datos2:$("#datos2").val(),
           datos3:$("#datos3").val(),
           

        };

        $.ajax({
          type:"POST",
            url:"Insert.php",
            data:form_data,
            success: function(responde){

                    $("#datos").val("");
                    $("#datos1").val("");
                    $("#datos2").val("");
                    $("#datos3").val("");
                    
               
                    $("#error").html(responde);
            }

        });
    });
    });
</script>

</html>